<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

{contentType application/xml}

<ul{attr class('item') style('background', 'white') title($hello) compact(TRUE)}>
	<li>Escaped: {$hello}</li>
	<li>Non-escaped: {!$hello}</li>
	<li>Escaped expression: {='<' . 'b' . '>hello' . '</b>'}</li>
	<li>Non-escaped expression: {!='<' . 'b' . '>hello' . '</b>'}</li>
	<li>Array access: {$people[1]}</li>
	<li>Html: {$el}</li>
</ul>

<style type="text/css">
<!--
#{$id} {
	background: blue;
}
-->
</style>



<script>
<!--
var html = {$el};
-->
</script>


<p onclick =
'alert({$id});alert("hello");'
 title='{$id}"'
 style =
 "color:{$id};'"
 alt='{$el}'
 onfocus="alert({$el})"
>click on me</p>


<!-- {$comment} -->


</ul>


<ul>
	<li n:foreach="$people as $person">{$person}</li>
</ul>

<p n:if="true">
	<div><p>true</div>
</p>

<n:default vary=3>
